<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>LIHAIYAN</title>
    <link rel="stylesheet" href="contact.css">
    <audio controls="controls" hidden="hidden" autoplay="autoplay" loop="loop">
<source
src="纯纯的夏天.mp3"
type="audio/mpeg"
/>
</audio>
</head>

<body>
    <div class="container">
        <div class="logo">
            <img src="./img/logo.png" alt="">LIHAIYAN
        </div>
        <div class="nav">
            <ul>
                <li><a href="index.html">About</a></li>
                <li><a href="works.html">Works</a></li>
                <li><a href="contact me.html">Contact me</a></li>
            </ul>
        </div>
    </div>
    <div class="introduce">

        <div class="photo">
            <img class="me" src="./img/自拍.jpg" alt="" height="420px ">
        </div>
        <div class="contact">
            <p>如果你对我的网站有什么建议，或者想和我有什么交流</p>
            <p>请通过这些方式来联系我</p>
            <h4>
                <a class="chat" id="we" href="#">
                    <i class="weixin">Wechat</i>
                </a>
            </h4>
            <h4>
                <a class="QQ" id="me" href="#">
                    <i class="qq">QQ</i>
                </a>
            </h4>
            <img class="fox " src="./img/狐狸.gif " alt=" " height="100px ">
        </div>
        <div class="footer ">
            <div class="left ">
                <img src="./img/logo.png " alt=" " align=left height="120px ">
                <h2 class="HAI ">LIHAIYAN</h2>
            </div>
            <div class="right ">
                <ul>
                    <li><a href="index.html">About</a></li>
                    <li><a href="Works.html ">Works</a></li>
                    <li><a href=".contact me.html ">Contact me</a></li>
                </ul>
            </div>
            <div class="copyright ">Li Haiyan all rights reserved.</div>
        </div>


</body>

</html>